*{ margin: 0;padding: 0;}
html{ font-size: 16px; font-family: "微软雅黑"; width: 100%; height: 100%;}
ul li{ list-style: none;}
.clear{ clear: both;}
.wrap{ width: 100%; position: relative; }

a.top{ display:block;width: 50px; height: 50px; background: rgba(0,0,0,0.5); position: fixed; bottom: 30px; right: 30px;z-index: 5; cursor: pointer;  line-height: 60px; color: #fff; font-size: 40px; text-align: center; text-decoration: none; display: none;} 
.log_box{width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,.5); position: fixed; z-index: 10; display: none;}
.log_s{ width: 530px; height: 430px; position: absolute; z-index: 10; left: 50%; margin-left: -275px; top: 50%; margin-top: -215px; background: url(../images/t_bg1.png) no-repeat center;} 
.log_ste{ text-align: center; margin-top: 130px;}
.log_ste p{ color: #fff; text-align: center; font-size: 14px;}
.log_ste img { width: 95px; height: 95px;}
.log_close{float: right; cursor: pointer;}



.login_box{ width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,.5); position: fixed; z-index: 10; display: none;}
.close{ margin-top: 10px; float: right; cursor: pointer; margin-right: -35px;}
.login_s{ width: 434px; height: 554px; padding: 0 60px; position: absolute; z-index: 11; left: 50%; margin-left: -277px; top: 50%; margin-top: -277px; background:rgba(255,255,255,0.9); border-radius: 5px;}
.login_logo{ margin: 40px auto; width: 110px;}
.login_input{ width: 434px; height: 45px; margin: 0 auto; margin-bottom: 20px; }
.login_input input{width: 414px; height: 45px;  border: none;padding: 0 10px;}
.login_s a{color: #42689d; font-size: 14px; text-align: right; display: inherit; cursor: pointer;}
.login_s a:hover{ text-decoration: underline;}
.login_btn{ width: 434px; height: 45px; margin-top: 50px; background: #42689d; color: #fff; text-align: center; line-height: 45px; font-size: 18px; cursor: pointer;} 
.login_s a.ad{ text-align: center; margin-top: 45px;}


.res_box{ width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,.5); position: fixed; z-index: 10; display: none;}
.close{ margin-top: 10px; float: right; cursor: pointer; margin-right: -35px;}
.res_s{ width: 434px; height: 554px; padding: 0 60px; position: absolute; z-index: 11; left: 50%; margin-left: -277px; top: 50%; margin-top: -277px; background:rgba(255,255,255,0.9); border-radius: 5px;}
.res_logo{ margin: 20px auto; width: 110px;}
.res_input{ width: 434px; height: 45px; margin: 0 auto; margin-bottom: 30px; position: relative; }
.res_input label{ position: absolute; top: 45px; left: 0; z-index: 3; color: #454545; height: 30px; line-height: 30px; color:#999; font-size: 12px; padding-left: 5px;}
.res_input input{width: 414px; height: 45px;  border: none;padding: 0 10px;}
.res_s a{color: #42689d; font-size: 14px; text-align: right; display: inherit; cursor: pointer;}
.res_s a:hover{ text-decoration: underline;}
.login_btn{ width: 434px; height: 45px; margin-top: 30px; background: #42689d; color: #fff; text-align: center; line-height: 45px; font-size: 18px; cursor: pointer;} 
.res_s a.ad{ text-align: center; margin-top: 20px;}

.res_int{ width: 280px; float: left;}
.res_btn{ float:right; cursor: pointer; width: 120px; height: 45px; line-height: 45px; text-align: center; background: #42689d; color: #fff;}
.res_btns{float:right; cursor: pointer; width: 120px; height: 45px; line-height: 45px; text-align: center; background: #999; color: #fff; display: none;}
.head{ width: 1200px; height: 80px; margin: 0 auto;}
.head div{ float: left;}
.nav{ margin-left: 100px;}
.nav ul li{float: left; padding: 0 10px; height: 80px; line-height: 80px; cursor: pointer;}
.nav ul li a{color: #525252; text-decoration: none; font-size: 16px; padding-bottom: 5px; }
.nav ul li a:hover{ color: #CD2B1D;border-bottom: 2px solid #CD2B1D;}
.nav ul li a.on{ color: #cd2b1d; border-bottom: 2px solid #CD2B1D;}
.head .login{ height: 80px; line-height: 80px; float: right; margin-right: 10px; 
cursor: pointer;}
.head .login span:hover{ color: #CD2B1D;}
.login span.add{ color: #CD2B1D; text-decoration: underline;}
.banner{ width: 100%; height: 720px; background: url(../images/banner.png) center;}
.banner_p1{ font-size: 36px; color: #fff; text-align: center; padding-top: 105px;}
.banner_p2{ font-size: 24px; text-align: center; color: #fff; margin-top: 10px;}
.banner ul{ overflow: hidden; width: 1200px; margin: 0 auto;}
.banner ul li{ float: left;color: #fff; text-align: center;text-decoration: underline; }
.banner ul li.li1{width: 201px; height: 201px; line-height: 201px; background: url(../images/b1.png) no-repeat; margin-left: 47px; margin-top: 215px;}
.banner ul li.li2{width: 71px; height: 71px; line-height: 71px; background: url(../images/b5.png) no-repeat;margin-left: 140px; margin-top: 114px;}
.banner ul li.li3{width: 131px; height: 131px; line-height: 131px; background: url(../images/b3.png); margin-left: 92px; margin-top: 338px;}
.banner ul li.li5{width: 36px; height: 36px; background: url(../images/b4.png); margin-left: 10px; margin-top: 223px;}

.banner ul li.li4{width: 51px; height: 51px; background: url(../images/b2.png); margin-left: 88px; margin-top: 105px;}

.banner ul li.li6{width: 81px; height: 81px; line-height: 81px; background: url(../images/b6.png); margin-top: 183px; margin-left: 76px;}
.banner ul li.li7{width: 40px; height: 40px; background: url(../images/b7.png); margin-top: 110px;}
.message{ width: 100%; height: 800px; background: url(../images/e_bg1.png); background-size: 100%;}
.message_box, .class_box{ width: 1200px; height: 770px; margin: 0 auto; padding-top: 30px;}
.message_head{ width: 927px; height: 77px;background: url(../images/e_bg2.png); margin: 0 auto; line-height: 74px; text-align: center; font-size: 30px; color: #fff; font-family: "微软雅黑";}
.message_head span{ font-size: 36px;}
.message_box p{ color: #a6a6a6; font-size: 18px; text-align: center; padding-top: 20px; padding-bottom: 45px;}
.message_list{ width: 1200; height: 330px; background: url(../images/e_bg3.png) no-repeat; margin: 0 100px; overflow: hidden;}
.message_list ul{ width: 1120px;}
.message_list ul li{ float: left; width: 320px; padding-right: 20px; text-align: center; font-size: 24px; color: #42689d; padding-top: 86px;}
.message_item{ width: 1000px; margin: 0 100px; height: 252px; }
.message_item_left{ width: 830px; height: 252px;  background: url(../images/e_bg4.png); float: left;}
.message_item_lefts{width: 830px; height: 212px; margin: 20px 0; overflow: hidden; position: relative; cursor: pointer;}
.message_item ul{padding: 0 150px; position:absolute; top: -20px;}
.message_item ul li{ height: 30px; line-height: 30px; font-size: 18px; color: #686868; cursor: pointer;}
.message_ask{ float: right; margin-top: 100px; margin-left: 10px; cursor: pointer; }

.message_ask span{ display: inline-block; font-size: 18px;}


.class{ width: 100%; height: 910px; background: url(../images/k_bg2.png) no-repeat; background-size: 100%; }
.class_title{ width: 927px; height: 77px;background: url(../images/k_bg3.png) no-repeat; margin: 0 auto; line-height: 74px; text-align: center; font-size: 30px; color: #42689e; font-family: "微软雅黑";}
.class_list{ width: 1000px;margin: 10px 100px; height: 660px;padding-top: 1px; margin-bottom: 0px;}
.class_list p{ text-align: center; color: #fff;}
.box{ width: 176px;height: 176px;margin: 0 auto; margin-top: 110px;margin-bottom: 125px; border-radius: 50%;position:relative; transform-origin:50% 50%;}
.box span{width: 120px;height: 120px;border-radius: 50%; background:#fff; display: block; position: absolute; text-align: center;line-height: 120px;color: #173763; cursor:pointer; border: 1px dashed #6bc6c8;-webkit-box-shadow: inset 0 0 0 5px #4b6fa1;  box-shadow: inset 0 0 0 5px #4b6fa1; }
.box span:hover{ background:#6bc6c8; }
.box span:hover a{color: #fff;}
.box span.hov{background:#6bc6c8;}
.box span.hov a{ color: #fff;}
#one{top:176px; left:28px;}
#two{top:176px; left:28px; transform:rotate(51.42deg);transform-origin:60px -88px;}
#three{top:176px; left:28px; transform:rotate(102.84deg);transform-origin:60px -88px;}
#four{top:176px; left:28px; transform:rotate(154.26deg);transform-origin:60px -88px;}
#five{top:176px; left:28px; transform:rotate(205.68deg);transform-origin:60px -88px;}
#six{top:176px; left:28px; transform:rotate(257.1deg);transform-origin:60px -88px;}
#seven{top:176px; left:28px; transform:rotate(308.52deg);transform-origin:60px -88px;}
.box a{width: 120px; height: 45px;margin-top: 40px; text-align: center; color: #173763; font-size: 18px;display: block;line-height: 25px;transform-origin:50% 50%;
         }
.class_sk h3{ text-align: center; font-size: 22px; padding: 5px 0; padding-top: 10px;}
.class_sk h5{ font-size: 16px; color: #26494a; margin:0 20px; padding: 10px 0; text-align: left;}
.class_sk p{text-align: left; margin:0 20px; font-size: 16px;}
.class_s{ }

.class_sk{ margin: 5px; width: 400px; height: 320px; background: #6bc6c8; color: #fff; box-sizing: border-box;border: 2px solid #fff;-webkit-box-shadow: inset 0 0 0 5px #4b6fa1;  box-shadow: inset 0 0 0 5px #4b6fa1; margin-left: 300px; float: left;}
.class_sl{ font-size: 14px; color: #fff; margin-left: 379px; }
.class_sd{float: right; width: 160px; height: 40px; line-height: 40px; font-size: 18px; color: #1e3c66; text-align: center; background: #fff; margin-top: 175px; cursor: pointer;}


/*.list{ position: absolute; z-index: 2;color: #173763; font-size: 20px; width: 260px; text-align: center;}
.list1{ position: absolute; z-index: 2;color: #fff; font-size: 18px; width: 342px; text-align: center;}
.class_list1{ left: 80px; top: 164px;}
.class_list2{ left: 80px; top: 264px;}
.class_list3{ left: 656px; top: 264px;}
.class_list4{ left: 656px; top: 362px;}
.class_list5{ left: 9px; top: 362px;}
.class_list6{ left: 659px; top: 25px;}
.list1 h3{ margin-bottom: 15px;}
.list1 p{ height: 30px; line-height: 30px;}*/


.class_ask{ position: absolute;z-index: 2; cursor: pointer;left: 839px; top: 558px;}
.class_ask span{ display: inline-block; font-size: 18px;}
.class_ask span.c_span1{ background: #fff100;height: 40px; line-height: 40px; width: 75px; text-align: right;}
.class_ask span.c_span2{ background: #456ba0; color:#fff; text-align:left; height: 40px; line-height: 40px; width: 75px;}

.live{width: 100%; height: 800px;position: relative; background: url(../images/l_bg2.png) no-repeat; background-size: 100%;}
.live_class{width: 1200px; height: 800px; margin: 0 auto;}
.live_img{ width: 240px; height: 156px; position: absolute; z-index: 3; background: url(../images/l_bg1.png) no-repeat; top: -123px; left: 50%; margin-left: -120px;}

.live_title{text-decoration: underline; color: #42689e;font-size: 30px; text-align: center; padding-top: 45px;padding-bottom: 30px;}
.live_tv{ width: 635px; height: 523px;position: relative; margin: 0 auto; background: url(../images/l_bg3.jpg) no-repeat;}
.live_text h3{ color: #686868; font-size: 48px; text-align: center; padding-top: 130px;}
.live_text p{ color: #686868; font-size: 36px; text-align: center;}
.live_btn{ width: 586px; height: 329px; position: relative;top: 27px; left: 27px;}
.live_btn img{display: inline-block; margin-left: 218px; margin-top: 100px; cursor: pointer;    position: absolute;
    z-index: 5;
}
.live_btn video{position: absolute; z-index: 4;}
.live_list{ width:1000px; margin:0 100px; padding: 15px; padding-right: 0px; border-top:1px dashed #46699c ; border-bottom:1px dashed #46699c ; overflow: hidden;}
.live_list ul li{ float: left;font-size: 14px; color: #173763; margin-right: 10px; text-align: center;}
.live_tvs{width: 158px; height: 82px;background: #a4b4ca; padding-top: 28px; }
.live_tvs img{ cursor: pointer;}

.live_ask{ float: right; margin-top: 88px; margin-left: 10px; cursor: pointer; width: 155px; height: 40px; background: #1e3c66; color: #fff; line-height: 40px; text-align: center;}
.live_ask span{ display: inline-block; font-size: 18px;}
.live_ask span.l_span1{ background: #fff100;height: 40px; line-height: 40px; width: 75px; text-align: right;}
.live_ask span.l_span2{ background: #456ba0; color:#fff; text-align:left; height: 40px; line-height: 40px; width: 75px;}





.pay{ width: 100%; height: 800px; background: url(../images/p_bg1.png); background-size: 100% 100%;}
.pay_box{ width: 1200px; height: 770px; margin: 0 auto;  padding-top: 30px;}
.pay_title{ width: 927px; height: 77px;background: url(../images/e_bg2.png); margin: 0 auto; line-height: 74px; text-align: center; font-size: 30px; color: #fff; font-family: "微软雅黑";}
.pay_box p{ text-align: center; font-size: 18px; color: #44699d; padding-top: 10px;}
.pay_list{ width: 1000px; border-bottom: 1px dashed #466a9c; margin: 0 auto; padding-bottom: 15px;}
.pay_list ul{overflow: hidden; width: 830px; margin: 0 auto;}
.pay_list ul li{ float: left; font-size: 30px; color: #1d2a40; margin-right: 57px;}
.pay_list ul li span{ display: inline-block;background: #0eb468; border-radius: 50px; font-size: 28px; color: #fff; width: 40px; height: 40px; text-align: center;}
.pay_list ul li p{ font-size: 16px; color: #686868; }
.pay_list ul li.li1{margin-top: 20px;}
.pay_list ul li.li2{margin-top: 120px;}
.pay_list ul li.li3{margin-top: 20px;}
.pay_list ul li.li4{margin-right: 0px; margin-top: 120px;}


.pay_type{ width: 830px; height: 295px; background: url(../images/p_bg3.png) no-repeat center; margin: 0 auto;}
.pay_type p{ font-size: 18px; color: #42689d; text-align: left;}
.pay_type ul{ overflow: hidden;}
.pay_type ul li{font-size: 18px; color: #1d2a40; float: left;}
.pay_type ul li.li1{ margin-left: 222px; margin-top: 58px;}
.pay_type ul li.li2{ margin-left: 145px; margin-top: 53px; font-size: 14px;}
.pay_type ul li.li3{ margin-left: 234px; margin-top: 113px;}
.pay_type ul li.li4{ margin-left: 165px; margin-top: 114px;}
.pay_tip{ width: 830px; margin: 0 auto; }
.pay_box .pay_tip p.p1{ text-align: left;font-size: 14px; color: #42689d;}
.pay_box .pay_tip p.p2{ text-align: justify; color: #757575; font-size: 14px;}

.pay_ask{ width: 163px; height: 40px; line-height: 40px; cursor: pointer; background: #1e3c66; font-size: 18px; color: #fff; margin: 0 auto; text-align: center;}

.address{ width: 100%; height: 1000px;}
.address_box{ width: 1200px; height: 970px; padding-top:30px; margin: 0 auto;}
.address_title{ width: 927px; height: 77px;background: url(../images/e_bg2.png); margin: 0 auto; line-height: 74px; text-align: center; font-size: 30px; color: #fff; font-family: "微软雅黑";}
.address_box p{ text-align: center; font-size: 18px; color: #a6a6a6; padding-top: 10px;}

.foot{ width: 100%; height: 200px; background: #686868;}
.foot_box{ width: 1000px; height: 150px; padding: 25px 0; margin: 0 auto; overflow: hidden;}
.foot_left{ float: left; font-size: 14px; color: #fff;}
.foot_left a{ display: inline-block; margin-right: 10px; cursor: pointer;}
.foot_left a:hover{text-decoration: underline;}
.foot_left p{ margin-top: 10px;}
.foot_right{ width: 126px; float: right; text-align: center; color: #fff;}
.foot_right img{ margin-top: 10px;}



 
#main{width: 1000px;height: 800px;margin: 10px auto; }




.btn{ width: 150px; height: 40px; line-height: 40px; font-size: 18px; border: 2px dotted #fff; text-align: center; color: #fff; cursor: pointer;position: relative; overflow: hidden;}
			.btn:after{
				content: '';
				position: absolute;
				-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
				transition: all 0.3s;
				width: 100%;
				height: 0%;
				top: 50%;
				left: 50%;
				background: #fff;
				-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				transform: translateX(-50%) translateY(-50%) rotate(45deg);
			}
			.btn:hover{/*border: 2px dotted #42689e;*/}
			.btn:before{
				content: '立即咨询';
				position: absolute;
				z-index: 3;
				color: #42689e;
				opacity: 0;
				text-align: center;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				
			}
			.btn:hover:after,
			.btn:active:after {
				height: 248%;}
			.btn:hover:before{opacity: 1;}
			
			
.btn1{ width: 150px; height: 40px; line-height: 40px; font-size: 18px; border: 2px dotted #42689e; text-align: center; color: #42689e; cursor: pointer;position: relative; overflow: hidden;}
			.btn1:after{
				content: '';
				position: absolute;
				-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
				transition: all 0.3s;
				width: 100%;
				height: 0%;
				top: 50%;
				left: 50%;
				background: #42689e;
				-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
				transform: translateX(-50%) translateY(-50%) rotate(45deg);
			}
			.btn1:hover{/*border: 2px dotted #fff;*/}
			.btn1:before{
				content: '立即咨询';
				position: absolute;
				z-index: 3;
				color: #fff;
				opacity: 0;
				text-align: center;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				
			}
			.btn1:hover:after,
			.btn1:active:after {
				height: 248%;}
			.btn1:hover:before{opacity: 1;}






